﻿/*
 Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
 For licensing, see LICENSE.html or http://ckeditor.com/license
 */

CKEDITOR.dialog.add('scaytcheck', function (editor) {
    var firstLoad = true,
        captions,
        doc = CKEDITOR.document,
        editorName = editor.name,
        tags = CKEDITOR.plugins.scayt.getUiTabs(editor),
        i,
        contents = [],
        userDicActive = 0,
        dic_buttons = [
            // [0] contains buttons for creating
            "dic_create_" + editorName + ",dic_restore_" + editorName,
            // [1] contains buton for manipulation
            "dic_rename_" + editorName + ",dic_delete_" + editorName
        ],
        optionsIds = ['mixedCase', 'mixedWithDigits', 'allCaps', 'ignoreDomainNames'];

    // common operations

    function getBOMAllOptions() {
        if (typeof document.forms["optionsbar_" + editorName] != "undefined")
            return document.forms["optionsbar_" + editorName]["options"];
        return [];
    }

    function getBOMAllLangs() {
        if (typeof document.forms["languagesbar_" + editorName] != "undefined")
            return document.forms["languagesbar_" + editorName]["scayt_lang"];
        return [];
    }

    function setCheckedValue(radioObj, newValue) {
        if (!radioObj)
            return;
        var radioLength = radioObj.length;
        if (radioLength == undefined) {
            radioObj.checked = radioObj.value == newValue.toString();
            return;
        }
        for (var i = 0; i < radioLength; i++) {
            radioObj[i].checked = false;
            if (radioObj[i].value == newValue.toString())
                radioObj[i].checked = true;
        }
    }

    var lang = editor.lang.scayt;
    var tags_contents = [
        {
            id: 'options',
            label: lang.optionsTab,
            elements: [
                {
                    type: 'html',
                    id: 'options',
                    html: '<form name="optionsbar_' + editorName + '"><div class="inner_options">' +
                    '	<div class="messagebox"></div>' +
                    '	<div style="display:none;">' +
                    '		<input type="checkbox" name="options"  id="allCaps_' + editorName + '" />' +
                    '		<label for="allCaps" id="label_allCaps_' + editorName + '"></label>' +
                    '	</div>' +
                    '	<div style="display:none;">' +
                    '		<input name="options" type="checkbox"  id="ignoreDomainNames_' + editorName + '" />' +
                    '		<label for="ignoreDomainNames" id="label_ignoreDomainNames_' + editorName + '"></label>' +
                    '	</div>' +
                    '	<div style="display:none;">' +
                    '	<input name="options" type="checkbox"  id="mixedCase_' + editorName + '" />' +
                    '		<label for="mixedCase" id="label_mixedCase_' + editorName + '"></label>' +
                    '	</div>' +
                    '	<div style="display:none;">' +
                    '		<input name="options" type="checkbox"  id="mixedWithDigits_' + editorName + '" />' +
                    '		<label for="mixedWithDigits" id="label_mixedWithDigits_' + editorName + '"></label>' +
                    '	</div>' +
                    '</div></form>'
                }
            ]
        },
        {
            id: 'langs',
            label: lang.languagesTab,
            elements: [
                {
                    type: 'html',
                    id: 'langs',
                    html: '<form name="languagesbar_' + editorName + '"><div class="inner_langs">' +
                    '	<div class="messagebox"></div>	' +
                    '   <div style="float:left;width:45%;margin-left:5px;" id="scayt_lcol_' + editorName + '" ></div>' +
                    '   <div style="float:left;width:45%;margin-left:15px;" id="scayt_rcol_' + editorName + '"></div>' +
                    '</div></form>'
                }
            ]
        },
        {
            id: 'dictionaries',
            label: lang.dictionariesTab,
            elements: [
                {
                    type: 'html',
                    style: '',
                    id: 'dictionaries',
                    html: '<form name="dictionarybar_' + editorName + '"><div class="inner_dictionary" style="text-align:left; white-space:normal; width:320px; overflow: hidden;">' +
                    '	<div style="margin:5px auto; width:80%;white-space:normal; overflow:hidden;" id="dic_message_' + editorName + '"> </div>' +
                    '	<div style="margin:5px auto; width:80%;white-space:normal;"> ' +
                    '       <span class="cke_dialog_ui_labeled_label" >Dictionary name</span><br>' +
                    '		<span class="cke_dialog_ui_labeled_content" >' +
                    '			<div class="cke_dialog_ui_input_text">' +
                    '				<input id="dic_name_' + editorName + '" type="text" class="cke_dialog_ui_input_text"/>' +
                    '		</div></span></div>' +
                    '		<div style="margin:5px auto; width:80%;white-space:normal;">' +
                    '			<a style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_create_' + editorName + '">' +
                    '				</a>' +
                    '			<a  style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_delete_' + editorName + '">' +
                    '				</a>' +
                    '			<a  style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_rename_' + editorName + '">' +
                    '				</a>' +
                    '			<a  style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_restore_' + editorName + '">' +
                    '				</a>' +
                    '		</div>' +
                    '	<div style="margin:5px auto; width:95%;white-space:normal;" id="dic_info_' + editorName + '"></div>' +
                    '</div></form>'
                }
            ]
        },
        {
            id: 'about',
            label: lang.aboutTab,
            elements: [
                {
                    type: 'html',
                    id: 'about',
                    style: 'margin: 5px 5px;',
                    html: '<div id="scayt_about_' + editorName + '"></div>'
                }
            ]
        }
    ];

    var dialogDefiniton = {
        title: lang.title,
        minWidth: 360,
        minHeight: 220,
        onShow: function () {
            var dialog = this;
            dialog.data = editor.fire('scaytDialog', {});
            dialog.options = dialog.data.scayt_control.option();
            dialog.chosed_lang = dialog.sLang = dialog.data.scayt_control.sLang;

            if (!dialog.data || !dialog.data.scayt || !dialog.data.scayt_control) {
                alert('Error loading application service');
                dialog.hide();
                return;
            }

            var stop = 0;
            if (firstLoad) {
                dialog.data.scayt.getCaption(editor.langCode || 'en', function (caps) {
                    if (stop++ > 0)	// Once only
                        return;
                    captions = caps;
                    init_with_captions.apply(dialog);
                    reload.apply(dialog);
                    firstLoad = false;
                });
            }
            else
                reload.apply(dialog);

            dialog.selectPage(dialog.data.tab);
        },
        onOk: function () {
            var scayt_control = this.data.scayt_control;
            scayt_control.option(this.options);
            // Setup language if it was changed.
            var csLang = this.chosed_lang;
            scayt_control.setLang(csLang);
            scayt_control.refresh();
        },
        onCancel: function () {
            var o = getBOMAllOptions();
            for (var i in o)
                o[i].checked = false;

            setCheckedValue(getBOMAllLangs(), "");
        },
        contents: contents
    };

    var scayt_control = CKEDITOR.plugins.scayt.getScayt(editor);

    for (i = 0; i < tags.length; i++) {
        if (tags[i] == 1)
            contents[contents.length] = tags_contents[i];
    }
    if (tags[2] == 1)
        userDicActive = 1;

    var init_with_captions = function () {
        var dialog = this,
            lang_list = dialog.data.scayt.getLangList(),
            buttonCaptions = ['dic_create', 'dic_delete', 'dic_rename', 'dic_restore'],
            buttonIds = [],
            langList = [],
            labels = optionsIds,
            i;

        // Add buttons titles
        if (userDicActive) {
            for (i = 0; i < buttonCaptions.length; i++) {
                buttonIds[i] = buttonCaptions[i] + "_" + editorName;
                doc.getById(buttonIds[i]).setHtml('<span class="cke_dialog_ui_button">' + captions['button_' + buttonCaptions[i]] + '</span>');
            }
            doc.getById('dic_info_' + editorName).setHtml(captions['dic_info']);
        }

        // Fill options and dictionary labels.
        if (tags[0] == 1) {
            for (i in labels) {
                var labelCaption = 'label_' + labels[i],
                    labelId = labelCaption + '_' + editorName,
                    labelElement = doc.getById(labelId);

                if ('undefined' != typeof labelElement
                    && 'undefined' != typeof captions[labelCaption]
                    && 'undefined' != typeof dialog.options[labels[i]]) {
                    labelElement.setHtml(captions[labelCaption]);
                    var labelParent = labelElement.getParent();
                    labelParent.$.style.display = "block";
                }
            }
        }

        var about = '<p><img src="' + window.scayt.getAboutInfo().logoURL + '" /></p>' +
            '<p>' + captions['version'] + window.scayt.getAboutInfo().version.toString() + '</p>' +
            '<p>' + captions['about_throwt_copy'] + '</p>';

        doc.getById('scayt_about_' + editorName).setHtml(about);

        // Create languages tab.
        var createOption = function (option, list) {
            var label = doc.createElement('label');
            label.setAttribute('for', 'cke_option' + option);
            label.setHtml(list[option]);

            if (dialog.sLang == option)	// Current.
                dialog.chosed_lang = option;

            var div = doc.createElement('div');
            var radio = CKEDITOR.dom.element.createFromHtml('<input id="cke_option' +
                option + '" type="radio" ' +
                ( dialog.sLang == option ? 'checked="checked"' : '' ) +
                ' value="' + option + '" name="scayt_lang" />');

            radio.on('click', function () {
                this.$.checked = true;
                dialog.chosed_lang = option;
            });

            div.append(radio);
            div.append(label);

            return {
                lang: list[option],
                code: option,
                radio: div
            };
        };

        if (tags[1] == 1) {
            for (i in lang_list.rtl)
                langList[langList.length] = createOption(i, lang_list.ltr);

            for (i in lang_list.ltr)
                langList[langList.length] = createOption(i, lang_list.ltr);

            langList.sort(function (lang1, lang2) {
                return ( lang2.lang > lang1.lang ) ? -1 : 1;
            });

            var fieldL = doc.getById('scayt_lcol_' + editorName),
                fieldR = doc.getById('scayt_rcol_' + editorName);
            for (i = 0; i < langList.length; i++) {
                var field = ( i < langList.length / 2 ) ? fieldL : fieldR;
                field.append(langList[i].radio);
            }
        }

        // user dictionary handlers
        var dic = {};
        dic.dic_create = function (el, dic_name, dic_buttons) {
            // comma separated button's ids include repeats if exists
            var all_buttons = dic_buttons[0] + ',' + dic_buttons[1];

            var err_massage = captions["err_dic_create"];
            var suc_massage = captions["succ_dic_create"];

            window.scayt.createUserDictionary(dic_name,
                function (arg) {
                    hide_dic_buttons(all_buttons);
                    display_dic_buttons(dic_buttons[1]);
                    suc_massage = suc_massage.replace("%s", arg.dname);
                    dic_success_message(suc_massage);
                },
                function (arg) {
                    err_massage = err_massage.replace("%s", arg.dname);
                    dic_error_message(err_massage + "( " + (arg.message || "") + ")");
                });

        };

        dic.dic_rename = function (el, dic_name) {
            //
            // try to rename dictionary
            var err_massage = captions["err_dic_rename"] || "";
            var suc_massage = captions["succ_dic_rename"] || "";
            window.scayt.renameUserDictionary(dic_name,
                function (arg) {
                    suc_massage = suc_massage.replace("%s", arg.dname);
                    set_dic_name(dic_name);
                    dic_success_message(suc_massage);
                },
                function (arg) {
                    err_massage = err_massage.replace("%s", arg.dname);
                    set_dic_name(dic_name);
                    dic_error_message(err_massage + "( " + ( arg.message || "" ) + " )");
                });
        };

        dic.dic_delete = function (el, dic_name, dic_buttons) {
            var all_buttons = dic_buttons[0] + ',' + dic_buttons[1];
            var err_massage = captions["err_dic_delete"];
            var suc_massage = captions["succ_dic_delete"];

            // try to delete dictionary
            window.scayt.deleteUserDictionary(
                function (arg) {
                    suc_massage = suc_massage.replace("%s", arg.dname);
                    hide_dic_buttons(all_buttons);
                    display_dic_buttons(dic_buttons[0]);
                    set_dic_name(""); // empty input field
                    dic_success_message(suc_massage);
                },
                function (arg) {
                    err_massage = err_massage.replace("%s", arg.dname);
                    dic_error_message(err_massage);
                });
        };

        dic.dic_restore = dialog.dic_restore || function (el, dic_name, dic_buttons) {
                // try to restore existing dictionary
                var all_buttons = dic_buttons[0] + ',' + dic_buttons[1];
                var err_massage = captions["err_dic_restore"];
                var suc_massage = captions["succ_dic_restore"];

                window.scayt.restoreUserDictionary(dic_name,
                    function (arg) {
                        suc_massage = suc_massage.replace("%s", arg.dname);
                        hide_dic_buttons(all_buttons);
                        display_dic_buttons(dic_buttons[1]);
                        dic_success_message(suc_massage);
                    },
                    function (arg) {
                        err_massage = err_massage.replace("%s", arg.dname);
                        dic_error_message(err_massage);
                    });
            };

        function onDicButtonClick(ev) {
            var dic_name = doc.getById('dic_name_' + editorName).getValue();
            if (!dic_name) {
                dic_error_message(" Dictionary name should not be empty. ");
                return false;
            }
            try {
                var el = ev.data.getTarget().getParent();
                var id = /(dic_\w+)_[\w\d]+/.exec(el.getId())[1];
                dic[id].apply(null, [el, dic_name, dic_buttons]);
            }
            catch (err) {
                dic_error_message(" Dictionary error. ");
            }

            return true;
        }

        // ** bind event listeners
        var arr_buttons = ( dic_buttons[0] + ',' + dic_buttons[1] ).split(','),
            l;

        for (i = 0, l = arr_buttons.length; i < l; i += 1) {
            var dic_button = doc.getById(arr_buttons[i]);
            if (dic_button)
                dic_button.on('click', onDicButtonClick, this);
        }
    };

    var reload = function () {
        var dialog = this;
        // for enabled options tab
        if (tags[0] == 1) {
            var opto = getBOMAllOptions();

            // Animate options.
            for (var k = 0, l = opto.length; k < l; k++) {

                var i = opto[k].id;
                var checkbox = doc.getById(i);

                if (checkbox) {
                    opto[k].checked = false;
                    //alert (opto[k].removeAttribute)
                    if (dialog.options[i.split("_")[0]] == 1) {
                        opto[k].checked = true;
                    }


                    // Bind events. Do it only once.
                    if (firstLoad) {
                        checkbox.on('click', function () {
                            dialog.options[this.getId().split("_")[0]] = this.$.checked ? 1 : 0;
                        });
                    }
                }
            }
        }

        //for enabled languages tab
        if (tags[1] == 1) {
            var domLang = doc.getById("cke_option" + dialog.sLang);
            setCheckedValue(domLang.$, dialog.sLang);
        }

        // * user dictionary
        if (userDicActive) {
            window.scayt.getNameUserDictionary(
                function (o) {
                    var dic_name = o.dname;
                    hide_dic_buttons(dic_buttons[0] + ',' + dic_buttons[1]);
                    if (dic_name) {
                        doc.getById('dic_name_' + editorName).setValue(dic_name);
                        display_dic_buttons(dic_buttons[1]);
                    }
                    else
                        display_dic_buttons(dic_buttons[0]);

                },
                function () {
                    doc.getById('dic_name_' + editorName).setValue("");
                });
            dic_success_message("");
        }

    };

    function dic_error_message(m) {
        doc.getById('dic_message_' + editorName).setHtml('<span style="color:red;">' + m + '</span>');
    }

    function dic_success_message(m) {
        doc.getById('dic_message_' + editorName).setHtml('<span style="color:blue;">' + m + '</span>');
    }

    function display_dic_buttons(sIds) {
        sIds = String(sIds);
        var aIds = sIds.split(',');
        for (var i = 0, l = aIds.length; i < l; i += 1)
            doc.getById(aIds[i]).$.style.display = "inline";
    }

    function hide_dic_buttons(sIds) {
        sIds = String(sIds);
        var aIds = sIds.split(',');
        for (var i = 0, l = aIds.length; i < l; i += 1)
            doc.getById(aIds[i]).$.style.display = "none";
    }

    function set_dic_name(dic_name) {
        doc.getById('dic_name_' + editorName).$.value = dic_name;
    }

    return dialogDefiniton;
});
